<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML元素学习</title>
    <!-- 设定链接的默认打开方式 -->
    <base target="_blank">
</head>

<body>
    <h1>HTML元素练习</h1>
    <p><a href="../index.html">返回首页</a></p>
    <nav>
        <h2>Navigation</h2>
        <ul>
            <li><a href="intro.md">Index of all articles</a></li>
            <li><a href="today.html">Things sheeple need to wake up for today</a></li>
            <li><a href="successes.html">Sheeple we have managed to wake</a></li>
        </ul>
    </nav>
    <main>
        这里的内容会被浏览器显示出来，还可以被实时显示。
        <p>
            <a href="http://www.baidu.com">baidu</a>
        </p>
        <!-- article元素用来组织一个完整的信息模块，比如说一个论坛的帖子 -->
        <article>
            <header>
                <h2>文章标题</h2>
                <p>发表时间 评论数</p>
            </header>
            <p>内容段落</p>
            <p>内容段落</p>
            <p>内容段落</p>
        </article>
        <hr>

        <pre>
单车欲问边，属国过居延。 　　

征蓬出汉塞，归雁入胡天。 　　

大漠孤烟直，长河落日圆。 　　

萧关逢候骑，都护在燕然。
</pre>

        <ol>
            <li>打开冰箱</li>
            <li>把大象放进去</li>
            <li>关上冰箱</li>
        </ol>
        <ul>
            <li>声卡</li>
            <li>内存条</li>
            <li>鼠标垫</li>
        </ul>
        <dl>
            <dt> 作者 </dt>
            <dd> Adam </dd>
            <dd> Cui </dd>
            <dt> 编辑 </dt>
            <dd> Fang </dd>
        </dl>
        <figure>
            <img src="https://cn.bing.com/th?id=OIP.Lk7YWiSeDYGd-ITVUXbBbAHaHa&pid=Api&rs=1" alt="HTML5标记" width="50%">
            <figcaption>HTML5标记</figcaption>
        </figure>
        <img src="../02/146153236.jpg" alt="">
    </main>
    <footer>
        <p>练习时间：2020-2-17</p>
        <p>太阳</p>
        <picture>test</picture>
    </footer>
</body>

</html>
